<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" th:href="@{/css/app.css}">
    <link rel="stylesheet" th:href="@{/css/profile.css}">
    <link rel="stylesheet" th:href="@{/css/iconfont.css}">
    <title>Blog</title>
</head>
<body>
    <div class="headBar">
        <div class="headBar-items">
            <div class="headBar-item">
                <a th:href="@{'/user/'+${user.id}+'/updateUser'}">更改信息</a>
            </div>
            <div class="headBar-item">
                <a th:href="@{/}">增加管理人员</a>
            </div>
        </div>
    </div>
    <div class="profile">
        <div style="height: 40px;width: 100%;"></div>
        <ul>
            <li>
                <img th:src="@{${user.avatarUrl}}" class="left">
                <div class="right">
                    <span th:text="${user.nickName}"></span>
                    <span th:text="${user.introduction}" style="font-size: 18px;font-weight: normal"></span>
                    <span th:if="${user.id==1}" style="font-size: 18px;font-weight: normal">Auth</span>
                </div>
            </li>
            <li>
                <div class="left">
                    数据
                </div>
                <div class="right">
                    <div style="font-weight: bold;color: #597859">
                        <span class="iconfont icon-image-text"></span>
                        <span class="iconfont icon-browse"></span>
                        <span class="iconfont icon-comment"></span>
                        <span class="iconfont icon-good"></span>
                        <span class="iconfont icon-bad"></span>
                    </div>
                    <div>
                        <span th:text="${user.blog}"></span>
                        <span th:text="${user.browse}"></span>
                        <span th:text="${user.message}"></span>
                        <span th:text="${user.good}"></span>
                        <span th:text="${user.bad}"></span>
                    </div>
                </div>
            </li>
            <li>
                <div class="left">
                    周报
                </div>
                <div class="right" style="font-weight: bold;color: #597859">
                    <div>
                        <span>123</span>
                        <span>123</span>
                        <span>123</span>
                        <span>123</span>
                        <span>123</span>
                    </div>
                    <div>
                        <span>123</span>
                        <span>123</span>
                        <span>123</span>
                        <span>123</span>
                        <span>123</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>